.app{
    .header{
        height: 380rpx;
        background-image: url("https://656e-env-3g7o33nm9790e884-1308486495.tcb.qcloud.la/assets/application/bitmap.png?sign=3174a1e22ef3e2ef444f9b0c6e9d0e01&t=1637751760");
        background-repeat: no-repeat;
        background-position: fixed;
        background-size: 100% 100%;
        .content{
            font-weight: 500;
            font-family: PingFangSC-Medium, PingFang SC;
            padding-top: 128rpx;
            height: 130rpx;
            display: flex;
            flex-direction: row;
            margin-left: 40rpx;
            .info{
                display: flex;
                flex-direction: column;
                padding: 0 20rpx;
                
                color: #FFFFFF;
                .name{
                    font-size: 38rpx;
                    padding-bottom: 18rpx;
                }
                .life{
                    opacity: 0.8;
                    font-size: 28rpx;
                }
                .modal{
                    .modalHeader{
                        text-align: center;
                        color: #999999;
                        font-size: 35rpx;
                    }
                    .modalContent{
                        height: 50%;
                        text-align: center;
                        vertical-align: middle;
                        font-size: 45rpx;
                        font-family: PingFangSC-Medium, PingFang SC;
                    }
                    .modalAction{
                        padding: 20rpx;
                        .cancelButton{
                            border: 0;
                            background: #DDDDDD;
                            color: white;
                            width: 200rpx;
                        }
                        .confirmButton{
                            border: 0;
                            background: #DE270F;
                            color: white;
                            width: 200rpx;
                        }
                    }
                    
                }
            }
        }
        .bottom{
            position: relative;
            bottom: -10rpx;
            opacity: 0.6;
            height: 82rpx;
            width: 100%;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            align-content: center;
            text-align: center;
            .box{
                width: 50%;
                opacity: 1;
                display: flex;
                align-items: center;
                align-content: center;
                justify-content: center;
                image{
                    height: 30rpx;
                    width: 30rpx; 
                }
                .text{
                    text-align: center;
                    color: white;
                    margin-left: 10rpx;
                }
            }
            
        }
    }
    // .contenttwo {
    //     .noactivity{
    //         display: flex;
    //         justify-content: center;
    //         align-items: center;
    //         align-content: center;
    //         image{
    //             width: 220rpx;
    //             height: 220rpx;
    //             margin: 30% 0;
    //         }
    //     }
    // }
}